<template>
  <div>
    <echartCom :kData='res' v-if="res"></echartCom>
  </div>
</template>

<script>
// 02-引入接口
import { kData } from "@/api/http";
// 01-引入组件
import echartCom from '@/components/echartsCom.vue'

export default {
  name: "",
  data() {
    return {
      res: ''
    };
  },
  components:{
    echartCom
  },
  created() {
    // 异步
    kData().then(res=>{
      console.log(res,2222)
      if(res.data.code==200){
        this.res = res.data.data
      }
    })

    //同步
    // this.getKdata();
  },
  methods: {
    // 同步
    //  用async和await解决异步问题
    // 执行完await才执行后面的代码
    // async getKdata() {
    //   let res = await kData();
    //   if (res.data.code == 200) {
    //     this.res = res.data.data
    //   }
    // }

  }
}
</script>


<style scoped lang="scss">

</style>